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Sheet 7 (Interactive graphics) 



1. In an interactive computer graphics program, the output of the program changes upon a user 
input. This input could be a mouse click, mouse move, pen flicking or a keyboard input as 
examples. By design, non-interactive computer graphics program output does not respond to user 
inputs during its execution. 

To implement an interactive OpenGL computer graphics program, we need to use the undelaying 
operating system windows and input-output components. The interaction with these components 
is system dependent. For example, the interaction with the X-window on Unix/Linux operating 
system is different from that with the Microsoft windows. Hence, a specific window-system API is 
required for each operating system to fully utilize its capabilities from OpenGL. A basic set of 
common window-system functionalities are implemented in a cross-platform library called GLUT. 
An OpenGL programmer can use GLUT library to implement the basic interaction with the 
underlying windowing and input/output system. GLUT is cross-platform on the function definitions 
and declaration level, but, of course, is system dependent on the binary-level. 

2. Physical input device are the devices employed by the user to input some data to a computer 
program. They are usually classified according to the type of data they can enter as follows. 

• Text input devices: The keyboard is the primary text input device but other devices exist 
like character recognition systems and data files/streams 

• Pointing devices: They are used to input location data. The primary example is the 
standard mouse. Other examples include trackball, data tablets, pens/stylus, joysticks, and 
space ball. A pointing device may be sub-classified according to the degree of freedom it 
allows as follows 

o Two degrees of freedom devices like the mouse and trackball 

o Three degrees of freedom like laser scanner that san three dimensional objects 

and input their three dimensional data points 
o More than three degrees of freedom like the space ball the allow pointing in three 
independent directions plus twisting in there independent directions 
Logical input devices are the means of inputting data from the application point of view. These are 
the APIs and data input interface widgets. Some examples are scanf function in the c language, cin 
object in the C++ language, List boxes and menus in a windowing environment. They can sub- 
classified according to the nature of the data they provide as follows: 

• String devices: a software object or API that abstract physical text input devices such as cin 
and scanf 

• Location devices: a software object or API that provide location specified by and physical 
pointing device. For example, any physical pointing device connected to a windows 
operating system gives a Mouse Click event when clicked. Here the Mouse is used as a 
logical pointing device; the click may be originated from a stylus. 

• Pick devices: are used for picking an object from several 

• Choice devices: ere used to select one options from several. List boxes are familiar 
examples. 

• Valuators devices: are used to input values. Numerical Up/Down controls for changing 
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values like dates and times are some examples. 
• Stoke devices. Are used to input array of locations are a result of moving a physical input 
device such as a mouse or a pen. 

a) The measure process is the process the device does to prepare the data to the 
applications. For example, the measure process for a keyboard is the process of stoking 
the input character codes in a keyboard buffer to be ready for the application. The 
measure process of a mouse is the continuous conversion of locations based on the 
mouse ball movement. The trigger is an action that determines the start or end of a 
measure process or the moment at which the current data obtained from the measure 
process should be handed to the application. For example, the trigger for a text input 
could be pressing the Enter key. For the mouse, the trigger could be a click. 

b) The three distinct modes are 

• Request mode: The application requests input. The measure process starts until 
the trigger is activated. The input is handed to the application. The keyboard input 
is an example. 

• Sample mode: The measure process in continuous. When the application need, it 
can take a sample (read the current measure value). The mouse move then click is 
an example. 

• Event mode: The trigger causes the input mechanism fire an event in providing the 
measure values at the triggering moment. It's up to the application program to 
handle or ignore the event 

The following three figure explain the three modes 
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4. This can be, and usually is, arranged in a Client-Server relationship. The input data of a given 
physical input device is available as an input service available to all clients which are the 
application programs and other components on the system or on another system connected 
through a network. 

5. a) glPushAttrib(GL_ALL_ATTRIB_BITS): This function call makes all the contents of the 

attribute bits to be pushed on the stack. These attribute bits maintain the current value of 
the state machine such as the current drawing color and clear color, 
b) glPushMatrixQ: this function call makes all the contenets of the transformation and 
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viewing matrices are pushed on the stack. These matrices specify the current 
transformation that are applied to the vertices before projected and how they are 
projected. 

c) glPopAttribQ: Reloads the attribute bits, hence the corresponding state machine, from the 
stack. 

d) glPopMatrixQ: Reloads the transformation and viewing matrices from the stack 

These functions are used when we need to change but keep the current setting of the Gl machine. 
This is accomplished by pushing the contents of the attributes bits and the matrices on the stage 
before changing them. We then change these values as needed. When we finish our task with the 
changed setting we return to the original state by popping the attributes and the matrices. On 
situation where we need these operations is when calling a display list to execute it. If this display 
list has to change the current state, we can keep the original state by pushing them at the 
beginning of the list code and popping it before leaving the list code. In this way the list executes 
an return without affecting the current state. 



1 FincLuce "stdafx.h" 

2 #include <stdlib. h> 

I ^include <GL/glut.h> 

4 #iriclude <math.h> 
5 

6 void display ( ) 

7 { 

5 glCLear(GL_COLOR_BUFFER_Er _ ); 
9 // the string to write 

15 char *st="CompLter G-aphics"; 

11 // the starting Dcsiti.cn of the follo^irg text 

12 // each character drawing prepare to the next 

13 //by making a translation to it lower right box corner 

14 glTranslatef (-leee.ieee^e); 
IE- for(int i=e; i<i7;i-+) 

16 C 

17 glutstrokecharacter(GLUT_STROKE_MOMO_!iwiflN f st[i] )j 

15 } 

15 g 1 Mat ri xmc d e ( G l_mode lvi E u ) ; 

20 glLoadldentityO; 

21 glTranslatefC-ieee^sae^e}; 

22 for(int i=e; i<i7; i-+) 

23 { 

24 glutstrokecharacter(GLUT_STROK:E_RCM^N J st[i] }; 

25 } 

26 // gc to the starting raster pcsiiion for the fcllcwing text 

27 glRasterPcs2i( -126-0J -590); 
2S for(int i=e; i<i7; i-+) 

29 { 

3 0 gluts it ma pcha r a cte r ( G lut_b i tm ap_s_b y_i 3 , st I i ] ) ; 

31 } 

32 glFlushiO; 

:■ 

34 

35 void my in it () 

36 { 

37 g 1 Mat ri xmc d e ( G l_p rg j ecti on } j 

38 glLoadldentityO; 

39 gluorthoZD(-2&00.e J zem.®, -2000.^ 23-00.65; 

40 g 1 Mat ri xMc d e ( G L_MODE LVI EM) ; 

41 glcleamolor (1.0, i.e., i.e, 1.0); 

42 glCoLor3f (0.0,0.0,0.0); 

43 } 
44 

45 int main{int argc, char **argv) 

46 { 

47 glutrnit{&a"gc J argv); 

48 glutrnltDispLayMode(GLUT_siNGLE | g.ut_rg3); 

49 glutrnitwindowsizeCsefl, sea); 

50 glutCreateWindowC^LUT fonts"); 

51 glutDispLay=unc(dispLay); 

52 myinit(); 

53 glutr'.ainLcopO; 

:■ 



7. 
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1 #in elude "stdafx.h" 

2 #include <stdlib.h> 

3 #include <Gl_/glut.h> 
^i iclL.de <matr . i> 

E #include <string.to> 
5_jirt fcrt3ase; 



S // create the font (the cha"acter box 1 by 1, C.l is Leaved empty surrounding the character body) 
9 void CreateCharacterJchar c) 



10 { 




11 


switch(c) 


12 


■: 


13 


case "T : 


1^ 


gl E £ gin (GL_ QUADS); 


15 


// The isrizcntal bar 


16 


glvertexzf (0.lj 0.9}; 


17 


glvertexzf (0.9j0. 9); 


13 


glvertexzf fe.9 3 e.s)- 


19 


glvertexzf (0.1,0.3)] 


20 


// The vertical bar 


21 


glvertexzf (0.45,0. S); 


22 


glvertexzf (0.55,0.8); 


23 


glvertexzf (0.55,0.1); 


24 


glvertexzf (0.45,0.1); 


25 


glEndQ; 


25 


// prepare tc the next character 


27 


glTran:: Latef (1,0,9)] 


23 


break; 


29 


case 'E' : 


2-3 


glBegin ( G l__ quads ) ; 


21 


ft the upper horizontal bar 


22 


giver texzf (0.1,0.9); 


2 2 


glvertexzf (0.9^0.9}; 


24 


glvertexEf (0.9j0.s)i 


2 2 


glvertexzf (0.1,0.3)] 


2 2 


// the vertical bar 


27 


glvertex2f (0.1,0.3)] 


2S 


glvertexzf (0.2j0.&); 


39 


glvertexzf (0.2j0. 2); 


4fl 


glvertexzf (0.lj 0.2); 


4L 


// The midcle horczontaL ba^ 


42 


glvertexzf (0.2, 0.45); 


43 


glvertexzf (0.9j 0.45); 


4^ 


glvertexzf (0.9,0.55); 


45 


glvertexzf (0.Zj 0.55); 


45 


// the lower horizontal bar 


47 


glvertex2f (0.lj0.2); 


4-3 


glvertex2f(0.9j0.2); 


49 


glvertexzf (0.9,0.1)] 


59 


giver tex2f (0.1,0.1) j 



7 



51 
52 
53 
E4 
55 
55 
57 
5-3 
59 
60 
6L 
62 
65 
64 
65 
65 



;• ji c|jni c '-'^ i ic 

glTransLatef {lj0,e); 
break; 



// prepare tc the next character 



Ci 



ase 'X': 



giE e gin ( G L_ quads ) ; 



// the Left to right ba~ 



glvertexzf (0.lj 0.9); 
glvertex2f(0.2j0.9)] 
glvertexzf (0.9j 0.1); 
glvertexzf (0.3,0.1)] 



// the right to left ba r 



glvertexzf (0.3,0.9)] 
glvertexzf (0.9j 0.9); 
glvertexzf (0.2j0.l)] 
glvertexzf (0.1,0.1)] 
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67 glEnd { ) ; 

// prepare to the next character 
69 glTranslatef (1,0,0); 

break; 
71 default: 

U draw square fcr not implemerted characters 

73 glBegin (SL_QUAOS ) ; 

74 // the square 

75 glvertex2f (0.1,0.9); 

76 glvertex2f (0.9,0.9); 

77 glvertex2f (0.9,0.1); 
7G glvertex2f (0.1,0.1); 
79 glEndQ; 

U prepare to the next character 

81 glTransLatef^i.,0,0); 

82 break; 
S3 } 



84 } 

85 void CreateFontO 

86 { 



/..■' return the index first of 256 consecutive avilable ids 
83 fontBc^e=gLGerList^(256)i 

for ( i nt i =0 ; i < 256; i++) 
98 { 

91 glN ewList ( f o ntsa s e +i , gl_comp r l e ) ; 

92 treat echaract er( i); 

93 glEnd_ist(); 

94 } 



95 } 
96 

97 void display ( ) 

93 { 



99 £lC:eer<GL_COLCR_BUFFER_BIT) ; 

// The string to write 

101 char *st="TEXT"; 

// the starting position of the fallowing text 

// each character drawing prepare to the next 

//by makirg a trarsLation to it Lower right box corner 

105 glTranslatef (-3,2,8); 

105 glListBase(fcrt3ase); 

107 glCallLi5ts< (GLint) strLen(st), GL_BYTE st); 
103 glFlushO; 



} 

111 void myinitO 

112 { 



113 glM a t rixroc e ( G L_ P RO ] E c Tio M ) ; 

114 glLcacldertityO; 

115 gl'JCrtho2D(-5.0 J 5, - 5 j 5 ) \ 

lie glM at rixwode { G l_mod e l vi ew> ; 

glclearcolor (l.e, l.e, l.e); 
lis glccilar3f (0.0,0.6,0,6); 



119 } 

121 int main(int argc, char **argv) 

122 { 



121 glut mil J Serge j argv); 

124 glutinitDisplayMode(GLUT_siNGLE | glut_rgb); 

125 glut I nitwi ndc i : e ( 500, 5 00); 

126 glut createi-Jindoi^ "Font creation:"); 

127 glutDisplayFunc (display); 
12s myinitQ; 

129 Create=ont(); 

136 glutMain L oop [ ) ; 



131 } 
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